<script setup lang="ts">
import { ArrowRight } from '@element-plus/icons-vue'
import { useBreadStore } from '@/stores/breadCrumbs'
const { router_list } = useBreadStore() as any
import { cateLabel } from '@/utils/tool'
</script>
<template>
  <div class="bread-container flex a-center">
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item
        v-for="item in router_list"
        :key="item.path"
        :to="item.query || item.params ? item.fullPath : item.path"
        >{{ item.meta.title }}</el-breadcrumb-item
      >
    </el-breadcrumb>
  </div>
</template>

<style lang="scss" scoped>
.bread-container {
  margin: 0 auto;
  width: 1200px;
  height: 40px;
}
</style>
